<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/view/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>个人任务</title>

<link
	href="${ctxStatic}/assets/global/plugins/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="${ctxStatic}/assets/global/plugins/simple-line-icons/simple-line-icons.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="${ctxStatic}/assets/global/plugins/bootstrap/css/bootstrap.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="${ctxStatic}/assets/global/plugins/uniform/css/uniform.default.css"
	rel="stylesheet" type="text/css" />
<link
	href="${ctxStatic}/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css"
	rel="stylesheet" type="text/css" />
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
<link href="${ctxStatic}/assets/global/plugins/jqvmap/jqvmap/jqvmap.css"
	rel="stylesheet" type="text/css" />
<!-- END PAGE LEVEL PLUGIN STYLES -->
<!-- BEGIN PAGE STYLES -->
<link href="${ctxStatic}/assets/admin/pages/css/tasks.css"
	rel="stylesheet" type="text/css" />
<!-- END PAGE STYLES -->
<!-- BEGIN THEME STYLES -->
<link href="${ctxStatic}/assets/global/css/components-rounded.css"
	id="style_components" rel="stylesheet" type="text/css" />
<link href="${ctxStatic}/assets/global/css/plugins.css" rel="stylesheet"
	type="text/css" />
<link href="${ctxStatic}/assets/admin/layout/css/layout.css"
	rel="stylesheet" type="text/css" />
<link href="${ctxStatic}/assets/admin/layout/css/themes/darkblue.css"
	rel="stylesheet" type="text/css" id="style_color" />
<link href="${ctxStatic}/assets/admin/layout/css/custom.css"
	rel="stylesheet" type="text/css" />
<link href="${ctxStatic}/assets/admin/pages/css/profile.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="${ctxStatic}/assets/global/plugins/datatables/datatables.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="${ctxStatic}/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css"
	rel="stylesheet" type="text/css" />
</head>
<body>
	<!-- BEGIN CONTENT BODY -->
	<div class="page-content" style="height: 700px;">

		 <!-- 设置用户对话框-->
				<form role="form" action="${ctx}/act/confNode/saveUser" method="post" class="form-horizontal">
					<input type="hidden" id="procinsid" name="procinsid" value="${pid}"/>
					<input type="hidden" id="nodeid" name="nodeid" value=" "/>
						<div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true" style="display: none;">
								<div class="modal-dialog">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
											<a href="javascript:;" data-original-title="myspace" class="social-icon social-icon-circle social-icon-color myspace">
												</a>
										</div>
										<div class="modal-body">
										 <div class="form-group form-md-line-input">
										<label class="col-md-2 control-label" for="form_control_1">用户类型：</label>
										<div class="col-md-10">
											<select class="form-control" id="type" name="type">
											 <option value="0">负责人</option>
			                                  <option value="1">候选人</option>
			                                 <option value="2">候选组</option>
											</select>
											<div class="form-control-focus"></div>
										</div>
										
									</div>
									    <div class="form-group form-md-line-input">
										<label class="col-md-2 control-label" for="form_control_1">参与用户：</label>
										<div class="col-md-10">
											<input type="text" class="form-control" id="taskAssigneeNames" name="taskAssigneeNames"   placeholder=" 用户或组名">
											<div class="form-control-focus"></div>
										</div>
									</div>
										</div>
										<div class="modal-footer">
											<button class="btn yellow" type="submit">提交</button>
											<button class="btn default" data-dismiss="modal" aria-hidden="true">关闭</button>
										</div>
									</div>
								</div>
							</div>
							</form>
		<!-- BEGIN EXAMPLE TABLE PORTLET-->
		<div class="portlet box green">
			<div class="portlet-title">
				<div class="caption">
					<i class="glyphicon glyphicon-list">流程配置</i>
				</div>
				<div class="tools">
					 
				</div>
			</div>

			<div class="portlet-body">
				<div class="table-toolbar">
					<div class="row">
						<div class="col-md-6">
							<div class="btn-group"></div>
						</div>
						<div class="col-md-6"></div>
					</div>
				</div>
				<table class="table table-striped table-hover table-bordered"
					id="sample_editable_1">
					<thead>
						<tr>
							<th>编号</th>
							<th>类型</th>
							<th>节点</th>
							<th>人员</th>
							<th>事件</th>
							<th>规则</th>
						</tr>
					</thead>
					<tbody>
						 <c:forEach items="${NodeList}" var="node">
				<tr>
					<td>${node.id}</td>
					<td> ${node.type} </td>
					<td>${node.name} </td>
					<td>
					<c:if test="${node.type eq '用户任务'}">
					<a href="#myModal1" id="btnresp" role="button"  onclick="setUser('${node.id}','${pi.id }');" class="btn" data-toggle="modal"><i class="fa fa-edit"></i></a>	</c:if></td>
					<td>
					<a href="#myModal1" id="btnresp" role="button"  onclick="setUser('${node.id}','${pi.id }');" class="btn" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i></a>	
					 </td>
					<td><c:if test="${node.type eq '用户任务'}">
					<a href="#myModal1" id="btnresp" role="button"  onclick="setUser('${node.id}','${pi.id }');" class="btn" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i></a>	
					 </c:if></td>
				</tr>
			</c:forEach>
					</tbody>
				</table>
			</div>
		</div>
		<!-- END EXAMPLE TABLE PORTLET-->
	</div>
	<!-- END CONTENT BODY -->
	<!-- BEGIN CORE PLUGINS -->
	<!--[if lt IE 9]>
<script src="../../assets/global/plugins/respond.min.js"></script>
<script src="../../assets/global/plugins/excanvas.min.js"></script> 
<![endif]-->
	<script src="${ctxStatic}/assets/global/plugins/jquery.min.js"
		type="text/javascript"></script>
	<script src="${ctxStatic}/assets/global/plugins/jquery-migrate.min.js"
		type="text/javascript"></script>
	<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
	<script
		src="${ctxStatic}/assets/global/plugins/jquery-ui/jquery-ui.min.js"
		type="text/javascript"></script>
	<script
		src="${ctxStatic}/assets/global/plugins/bootstrap/js/bootstrap.min.js"
		type="text/javascript"></script>
	<script
		src="${ctxStatic}/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
		type="text/javascript"></script>
	<script
		src="${ctxStatic}/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
		type="text/javascript"></script>
	<script src="${ctxStatic}/assets/global/plugins/jquery.blockui.min.js"
		type="text/javascript"></script>
	<script src="${ctxStatic}/assets/global/plugins/jquery.cokie.min.js"
		type="text/javascript"></script>
	<script
		src="${ctxStatic}/assets/global/plugins/uniform/jquery.uniform.min.js"
		type="text/javascript"></script>
	<script
		src="${ctxStatic}/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
		type="text/javascript"></script>
	<script src="${ctxStatic}/assets/global/scripts/datatable.js"
		type="text/javascript"></script>
	<script
		src="${ctxStatic}/assets/global/plugins/datatables/datatables.min.js"
		type="text/javascript"></script>
	<script
		src="${ctxStatic}/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js"
		type="text/javascript"></script>
	<script src="${ctxStatic}/assets/admin/pages/scripts/table-editable.js"
		type="text/javascript"></script>
	<!-- END CORE PLUGINS -->
	<!-- BEGIN PAGE LEVEL PLUGINS -->
	<script
		src="${ctxStatic}/assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js"
		type="text/javascript"></script>
	<!-- END PAGE LEVEL PLUGINS -->
				<script>
	 
		function setUser(nodeid,pid){
			 $("#nodeid").val(nodeid);
		}
		</script>
</body>
</html>